<template>
  <el-select  size="mini" :value="fontWeight" placeholder="请选择字体粗细" @input="change($event)">
    <el-option label="细体" value="lighter" />
    <el-option label="正常的字体" value="normal" />
    <el-option label="粗体" value="bold" />
  </el-select>
</template>

<script>
export default {
  name: 'FontWeight',
  props: {
    fontWeight: {
      type: String,
      default: 'normal'
    }
  },
  data() {
    return {
      // fontSize:14
    }
  },
  methods: {
    change: function(val) {
      this.$emit('fontWeightChange', val)
    }
  }
}
</script>

<style scoped>

</style>
